import ArkAvatar from '../ark-avatar/ArkAvatar.vue';

export default {
  title: 'base-component-v1/ArkAvatar',
  component: ArkAvatar,
  parameters: {
    docs: {
      description: {
        component: `请配合 <span style="font-weight: bold;font-size: 14px;color: grey">vue、tailwindcss</span> 使用`
      }
    }
  },
  argTypes: {
    name: {description: '名称，取名称的首字为头像'},
    scale: {
      description: '缩放比例',
      control: {type: 'number', step: 0.5}
    },
  }
};

export const Basic = {
  name: '基本使用',
  render: (args) => ({
    components: {ArkAvatar},
    setup() {
      return {args};
    },
    template: '<ArkAvatar v-bind="args" style="height: 60px;width: 60px"/>',
  }),
  args: {
    scale: 1
  }
};